import { useState } from "react";
// import reactLogo from "./assets/react.svg";
// import viteLogo from "/vite.svg";
import "./App.css";
import data from "./res/datasets/data.json";

function App() {
  const [count, setCount] = useState(0);
  const question = data.book_resource[count];
  // console.log(data);
  function nextHandler() {
    setCount(count + 1);
  }
  return (
    <>
      <div className="font-bold">{question.question}</div>
      <button onClick={nextHandler}>下一题</button>
    </>
  );
}

export default App;
